<div th:if="${registeredService}" id="serviceui" class="container login-container">
    <!--<div th:if="${serviceUIMetadata}">-->
        <!--<table>-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<img th:if="${serviceUIMetadata.logoUrl}"-->
                         <!--th:title="${serviceUIMetadata.displayName}"-->
                         <!--th:alt="${serviceUIMetadata.displayName}"-->
                         <!--th:src="${serviceUIMetadata.logoUrl}"-->
                         <!--th:width="${serviceUIMetadata.logoWidth}"-->
                         <!--th:height="${serviceUIMetadata.logoHeight}"/>-->

                    <!--<img th:unless="${serviceUIMetadata.logoUrl}"-->
                         <!--th:title="${serviceUIMetadata.displayName}"-->
                         <!--th:alt="${serviceUIMetadata.displayName}"-->
                         <!--th:src="@{images/webapp.png}"-->
                         <!--th:width="${serviceUIMetadata.logoWidth}"-->
                         <!--th:height="${serviceUIMetadata.logoHeight}"/>-->
                <!--</td>-->
                <!--<td id="servicedesc">-->
                    <!--<h2 th:text="${serviceUIMetadata.displayName}"></h2>-->
                    <!--<p th:text="${serviceUIMetadata.description}"></p>-->

                    <!--<p th:if="${serviceUIMetadata.informationURL}" th:utext="#{screen.mdui.infolink.text(${serviceUIMetadata.informationURL})}"/>-->
                    <!--<p th:if="${serviceUIMetadata.privacyStatementURL}" th:utext="#{screen.mdui.privacylink.text(${serviceUIMetadata.privacyStatementURL})}"/>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
    <!--</div>-->

    <div th:if="${serviceUIMetadata}" class="row row-centered">
        <div class="col-md-6 col-md-offset-1">
            <h2 th:text="${serviceUIMetadata.displayName}"></h2>
            <p th:text="${serviceUIMetadata.description}"></p>
        </div>
    </div>

    <div th:unless="${serviceUIMetadata}" class="row row-centered">
        <div class="col-md-6 col-md-offset-1">
            <h2 th:text="${registeredService.name}"></h2>
            <p th:text="${registeredService.description}"></p>
        </div>
        <!--<table>-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<img th:src="${registeredService.logo}" th:if="${registeredService.logo}"/>-->
                    <!--&lt;!&ndash;<img th:src="@{images/webapp.png}" th:unless="${registeredService.logo}"/>&ndash;&gt;-->
                <!--</td>-->
                <!--<td id="servicedesc">-->
                    <!--<h1 th:text="${registeredService.name}"></h1>-->
                    <!--<p th:text="${registeredService.description}"></p>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
    </div>
</div>
